@charset "UTF-8";
$index_color:#00b7ee;
$font_color:#000;

.web{
    width: 1000px;
    margin: 0 auto;
    header{
        border-top:24px solid $index_color;
        text-align: center;
        .logo_box{
            width: 122px;
            height: 64px;
            overflow:hidden;//防止浮动排序打乱
            margin-left:73px;
            margin-top:38px;
            img {
                width:100%;
            }
        }
        .search_box {
            margin-right: 76px;
            margin-top: 69px;
            width:214px;
            height:28px;
            line-height:28px;
            border:1px solid $font_color;
            font_size:0;
        }    
            
        form {
            width: 100%;
            height: 100%;
            input:first-child{
                width:168px;
                height:100%;
                border: none;
                vertical-align: middle;
                outline: none;//去掉外边线
                padding: 0 3px;//文字不贴边
                font-size: 18px;
                
            }
            input：last-child{
                vertical-align: middle;
                margin-left: 7px;
            }
        }
        }
        nav{
            display:inline-block;
            margin-top:77px;
            margin-bottom:25px;
            ul{
                li{
                    margin:0 9px;
                    a{
                        font-size: 14px;
                        color:$font_color;
                        &:hover{
                            color{
                                color:$index_color;
                            }
                        }
                    }
                }
            }
    }

.kv {
    
}

 .about {
     width: 1000px;
   .go {text-align:center;
        width: 144px;
        height: 50px;
        margin: 0 auto;
        margin-top:20px;
    }  
   .fl{ float: left;
    margin-top:50px;
    margin-left:45px;
    width: 270px;
    height: 320px;
    text-align:center;
    background: aliceblue;
   p {
      font-size: 11px;
      text-align:left;
      letter-spacing: 5px;
    }
    }
    
}

.touzi {
     width: 1000px;
     .go {text-align:center;
        width: 144px;
        height: 50px;
        margin: 0 auto;
        margin-top:50px;}
    
    .fl{ float: left;
    margin-top:50px;
    margin-left:29px;
    
    width: 296px;
    height: 210;
    text-align:center;
    background:white;
   p {
      font-size: 11px;
      text-align:left;
      letter-spacing: 5px;
    }
    }
    }

.left_zi {
     .fl{ float: left;}
    h3{
        margin-left: 20px;
        margin-bottom: 30px;
    }
    p{
         margin-left: 20px;
         font-size: 13px;
         margin-top: 3px;
    }
    a{
        color: black;
    }
}

.footer_bottom {
            width: 1000px;
            height: 70px;
            background: #6db6ff;
            vertical-align: bottom;
            position: relative;
            p {
                position: absolute;
                bottom: 15px;
                left:50%;
                transform: translateX(-50%)
            }
        }

}


 